<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠房错误页面</title>
    <meta name="referrer" content="no-referrer">
    <!-- 使用favicon.ico图标 -->
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" />
        <!-- 引用初始化init.css样式文件 -->
        <link rel="stylesheet" href="{{ url_for('static',filename='css/init.css') }}" />
    <style>
        .error {
            position: relative;
            width: 1000px;
            height: 500px;
            margin: 80px 120px;
        }
        .error .img {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 444px;
            height: 463px;
            background-repeat: no-repeat;/*拒绝重复*/
            background-image: url("../static/images/error404.png");/*引用精灵图*/
            background-position: -444px -463px;
        }
        .errorinfo {
            position: absolute;
            top: 80px;
            left: 400px;
            width: 450px;
            height: 300px;
        }
        .errorinfo h1 {
            font-size: 60px;
            color: #849aae;
            line-height: 50px;
        }
        .errorinfo p.prompt {
            font-size: 20px;
            color: #849aae;
            line-height: 16px;
            margin: 65px 0 65px;
        }
        .errorinfo a.error-btn {
            display: inline-block;
            width: 200px;
            height: 45px;
            line-height: 45px;
            border: 1px solid #93a6b8;
            border-radius: 2px;
            text-align: center;
            color: #849aae;
            font-size: 16px;
            /* background-color: pink; */
        }
    </style>
</head>
<body>
    <div class="error">
        <p class="img"></p>
        <div class="errorinfo">
            <h1>{{ error }}</h1>
            <p class="prompt">您访问的页面不存在</p>
            <a href="{{ url_for('house_bp.city') }}" class="error-btn">返回首页</a>
        </div>
    </div>
    <script>
        var time = 3
        var timer = setInterval(function () {
          time--
          if (time <= 0) {
            location.href = "{{ url_for('house_bp.city') }}"
            clearInterval(timer)
          }
      //      window.document.getElementById('countDown').innerHTML = time + 's'
        }, 1000)
      </script>
</body>
</html>